import { Stack } from 'expo-router';
<% if (props.stylingPackage?.name === 'unistyles') { %>
import { View } from 'react-native';
import { StyleSheet } from 'react-native-unistyles';
<% } else { %>
import { StyleSheet, View } from 'react-native';
<% } %>

import { ScreenContent } from '~/components/ScreenContent';

export default function Home() {
  return (
    <>
      <Stack.Screen options={{ title: 'Tab Two' }} />
      <View style={styles.container}>
        <ScreenContent path="app/(tabs)/two.tsx" title="Tab Two" />
      </View>
    </>
  );
}

<% if (props.stylingPackage?.name === 'unistyles') { %>
const styles = StyleSheet.create(theme => ({
    container: {
        flex: 1,
        padding: 24,
        backgroundColor: theme.colors.background,
    },
}));
<% } else { %>
const styles = StyleSheet.create({
    container: {
        flex: 1,
        padding: 24,
    },
});
<% } %>
